<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
</head>

<body>
  <script>
    // 对象：是属性和方法的集合（集合本身是无序的）
    // 属性： 事物的特征 ， 名词
    // 方法： 事物的行为 ， 动词

    // 1. 利用字面量来创建一个对象 {}   字面量 ==> 看见就知道是什么 {} [] ''
    const obj = {}; // 创建了一个空对象

    const person = {
      name: "张三丰",
      age: 128,
      sayHi: function () {
        console.log("Hi~~~");
      },
    };

    // 2. 获取对象的属性值 两种方式
    // 2.1  对象.属性
    console.log(person.name);
    // 2.2  对象[属性]
    console.log(person["age"]);

    // 3. 调用对象的方法
    // 对象.方法()
    person.sayHi();
      // person['sayHi']()  ==> 不推荐
  </script>
</body>

</html>